<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>无序列表</title>
</head>
<body>
    <h1>无序列表</h1>
    <ul>
        <li>
            <h2>北京市</h2>
            <ul>
                <li>朝阳区</li>
                <li>丰台区</li>
                <li>石景山区</li>
                <li>海淀区</li>
            </ul>
        </li>
        <li>
            <h2>上海市</h2> 
            <ul>
                <li>静安区</li>
                <li>浦东新区</li>
            </ul>
        </li>
        <li>橘子</li>
        <li>葡萄</li>
        <li>西瓜</li>
    </ul>

    <h2>实心圆</h2>
    <ul type="disc">
        <li>酸辣白菜</li>
        <li>小龙虾</li>
        <li>小炒肉</li>
        <li>牛排</li>
    </ul>

    <h2>空心圆</h2>
    <ul type="circle">
        <li>酸辣白菜</li>
        <li>小龙虾</li>
        <li>小炒肉</li>
        <li>牛排</li>
    </ul>

    <h2>实心圆</h2>
    <ul type="square">
        <li>酸辣白菜</li>
        <li>小龙虾</li>
        <li>小炒肉</li>
        <li>牛排</li>
    </ul>
</body>
</html>